<template>
  <div class="ei_record elm-edit" v-if="model!=''">
    <el-card shadow="hover" style="margin: 0">
      <elm-table url="/business/pmis/pj/show/GetCostList" style="height:calc(60vh - 12px)" width="100%"
                 :post-data="model.month=='past'?{pj_id:model.id,not_year:now_year,type:model.type}:{pj_id:model.id,now_year:now_year,now_month:model.month,type:model.type}">
        <el-table-column prop="nick_name" label="报销人" align="center"></el-table-column>
        <el-table-column prop="item_type" label="支出类型" align="center"></el-table-column>
        <el-table-column prop="invoice_type" label="发票类型" align="center"></el-table-column>
        <el-table-column prop="cost_amount" label="支出金额(元)" align="center"></el-table-column>
        <el-table-column prop="sys_createtime" :formatter="formatDateTime" label="报销时间" align="center"></el-table-column>
      </elm-table>
    </el-card>
  </div>
</template>

<script>
import cost_type from "@/business/bms/cost_type.vue";

export default {
  extends: elmVueBase,
  data() {
    return {
      model:{
        id:elm.dialog.request.id,
        type:elm.dialog.request.type,
        month:elm.dialog.request.month
      },
      now_year:new Date().getFullYear(),
    }
  },
  async created() {},
  methods: {}
}
</script>

<style>
.ei_record .el-tabs
{
  background-color: #fff;
  border-radius: 6px;
}
.ei_record .el-tabs__nav
{
  margin-left: 15px;
}
.ei_record .el-tabs__header {
  margin: 0px;
}
.ei_record .el-tabs
{
  position:absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
}
.ei_record .el-tabs__content
{
  position:absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 40px;
  overflow: auto;
}
.ei_record .el-tab-pane
{
  overflow: auto;
}
.ei_record .el-tag {
  height: auto;
  white-space: normal;
  background-color: transparent;
  color: #333;
  border-color: #DBDBDB;
}
.ei_record .el-card__body .el-form:last-child{
  margin-bottom:0px !important;
}
</style>